    <!-- the tree container (notice NOT an UL node) -->
    <div id="eliminarReq" title="Eliminar Requisito" style="text-align:left; font:12px Lucida;">
        <input id="idEliminar" type="hidden"/>
        <label>Nombre: </label><input class="ui-widget-content ui-corner-all" style="width:100%;" id="nombreEliminar" disabled/><br>
        <label>¿Seguro desea Eliminar?</label>
    </div>

    <div id="dialog-form" title="Nuevo Requisito" style="text-align:left;">
        <div style="width:45%; height:90%; float:left;" class="ui-widget-content ui-corner-all">
            <h2 style="text-align:center;">Datos del Requisito</h2>
            <div style="float:right;">
                <textarea style="font:12px Lucida; margin-right:20px; margin-top:20px;" cols="20" rows="2" readonly id="descripcionEstado">Descripción de Estados</textarea>
            </div>
            <table>
                <tr>
                    <td valign="top"><label>Nombre</label></td>
                    <td valign="top"><input id ="nombreRequerimiento" size="20" class="text ui-widget-content ui-corner-all Ancho120" disabled/></td>
                </tr>
                <tr>
                    <td valign="top"><label>Versión</label></td>
                    <td valign="top"><input id ="version" size="20" class="text ui-widget-content ui-corner-all Ancho120"/></td>
                </tr>
                <tr>
                    <td valign="top"><label>Estado</label></td>
                    <td valign="top">
                        <?foreach($estados as $row):?>
                            <input type="hidden" id="<?=$row->codigoEstadoRequisito;?>" value="<?=$row->descripcion;?>"/>
                        <?endforeach;?>
                        <select id="estadoRequisito" class="text ui-widget-content ui-corner-all Ancho120" onchange="completaDescripcionEstado(this.value)">
                            <option></option>
                            <?foreach($estados as $row):?>
                                <option value="<?=$row->codigoEstadoRequisito;?>"><?=$row->nombreEstadoRequisito;?></option>
                            <?endforeach;?>
                        </select>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td valign="top"><label>Descripción</label></td>
                    <td>
                        <textarea class="ui-widget-content ui-corner-all" style="font:12px Lucida;" cols="50" rows="3" id="descripcionRequisito"></textarea>
                    </td>
                </tr>
            </table>
            <h2 style="text-align:center;">Tipos de Requisitos y Atributos</h2>
            <div>
                <div style="float:right;">
                    <textarea style="font:12px Lucida; margin-right:20px;" cols="20" rows="2" readonly id="descripcionesVarias"></textarea>
                </div>
                <div>
                    <table>
                        <tr>
                            <td>
                                <label>Tipo :</label>
                            </td>
                            <td>
                                <select id="tipoRequisito" class="text ui-widget-content ui-corner-all Ancho120">
                                    <option></option>
                                    <?foreach($tipoRequisito as $row):?>
                                    <option value="<?=$row->codigoTipoRequisito;?>"><?=$row->nombreTipoRequisito;?></option>
                                    <?endforeach;?>
                                </select>
                            </td>
                            <td>
                                <?foreach($tipoRequisito as $row):?>
                                <input type="hidden" id="descripcionInputTipo<?=$row->codigoTipoRequisito;?>" value="<?=$row->descripcion;?>"/>
                                <?endforeach;?>
                            </td>
                        </tr>
                    </table>
                </div>
                <div id="divSubTipoRequisito"></div>
                <div id="atributosValores"style="display:none; width:65%; height:21%" class="divScroll"></div>
            </div>
        </div>
        <input type='hidden' id ="idPadre"/>
        <input type='hidden' id ="codigoProyectoPadre"/>
        <input type='hidden' id = "versionPadre"/>
        <div style="width:54%; height:90%; float:left;" class="ui-widget-content ui-corner-all">
            <h2 style="text-align:center;">Visibilidad del Requisito</h2>
            <div id="divVisibilidadRequisito" style="float:left;"></div>
            <input id="contador1" type="hidden" value="0"/>
            <!--Las tablas de cada uno!-->
            <div id="mostrarTablaGrupo" style="float:right;" class="ui-widget-content ui-corner-all divScroll2">
                <table id="tablaGrupo">
                    <tr>
                        <th>Grupo</th>
                        <th>Eliminar</th>
                    </tr>
                </table>
            </div>
            <input id="contador2" type="hidden" value="0"/>
            <div id="mostrarTablaPersona" style="float:left;width:100%;" class="ui-widget-content ui-corner-all divScroll2">
                <table id="tablaPersona">
                    <tr>
                        <th>Nombre</th>
                        <th>Rol</th>
                        <th>Eliminar</th>
                    </tr>
                </table>
            </div>
            <h2 style="text-align:center;">Archivos Adjuntos</h2>
            <div id="divSubirArchivos"></div>
        </div>
        <p class="validateTips"></p>
    </div>
    <div id="content" class="ui-layout-center">
        <div id="trazabilidad" class="divsOcultos ui-corner-all"></div>
        <div id="DocumentosTodos" class="divsOcultos ui-corner-al"></div>
        <div id="ReportesTodos" class="divsOcultos ui-corner-al"></div>
        <div id="requisitoSeleccionado" style="display:none; width:50%; height:90%; float:left;" class="ui-widget-content ui-corner-all"></div>
        <div id="permisosArchivos" style="display:none; width:49%; height:90%; float:left;" class="ui-widget-content ui-corner-all"></div>
        <div id="DivGuardarCambios" style="display:none; float:left; margin-top:10px;"><button id="GuardarCambios">Guardar Cambios</button></div>
    </div>
    <div class="ui-layout-west"><div id="arbol" style="text-align:left;font-size:9px;"></div></div>